<template>
  <div>
        <p @click="addCount()">count:{{ count }}</p>
        <p>计算属性-doubleCount: {{ doubleCount }}</p>
        <p @click="edituserFn()">userinfo:{{ userinfo.name }}-{{ userinfo.age }}</p>
  </div>
</template>

<script setup>
// 使用useStore中定义的数据

import { useUserStore } from '@/store/moudules/useStore';
import { storeToRefs } from 'pinia';
// console.log('useUserStore', useUserStore);
// store就是当前useStore的仓库数据

// 注意::::如果解构useUserStore() 这个仓库对象, 就会导致"数据"的响应式丢失,所以需要使用storeToRefs()处理
// 注意:::: 如果不解构 useUserStore() 这个仓库对象,可以不用使用;
const {
    count,
    doubleCount,
    userinfo
} = storeToRefs(useUserStore());


const {
    addCount,
    edituserFn
} = useUserStore();


// console.log(
//     addCount,
//     count,
//     doubleCount,
//     edituserFn,
//     userinfo
// );


// console.log('store',userstore);
</script>
<style scoped>

</style>